<template>
	<view class="navbar">
		<!-- 顶部导航 -->
		<up-navbar
		title="实名认证"
		></up-navbar>
	</view>
	<view :style="{margin:'20rpx 0 40rpx'}">
		<view :style="{padding: '0 0 0 20rpx'}">真实姓名</view>
		<up-input
		placeholder="请填写你的真实姓名"
		border="bottom"
		:focus="true"
		v-model="name"
		></up-input>
	</view>
	<view :style="{margin:'20rpx 0 40rpx'}">
		<view :style="{padding: '0 0 0 20rpx'}">身份证号</view>
		<up-input
		placeholder="请填写你的身份证号码"
		border="bottom"
		:password="true"
		v-model="idcard"
		></up-input>
	</view>
	<view class="wenzi">
		证件信息绑定后将不能修改，请填写本人实名信息，如非本人实名将无法提
		现，账号丢失也将无法找回账号
	</view>
	<!-- 底部按钮 -->
	<view class="bottom">
		<view class="identify">
			<view class="radio">
				<up-radio
				shape="circle"
				>
				</up-radio>
			</view>
			<view class="wenzi">
				<p>我已阅读并同意
				</p>
				<p @click="viewAgreement()" class="blue">实名认证服务协议
				</p>
			</view>
		</view>
		<up-button type="primary" shape="circle" text="进行人脸识别"></up-button>
	</view>
	
</template>

<script setup>
import {ref} from 'vue'

let name = ref('')
let idCard = ref('')

// 提交表单

// 页面跳转回去

</script>

<style lang="scss">
.navbar {
	height: 88rpx;
}
.wenzi {
	display: flex;
	font-size: 23rpx;
	color: #c8c8c8;
}
.blue{
	color: #5c89ff;
}
.identify {
	width: 100%;
	display: flex;
	line-height: 54rpx;
	justify-content: center;
}
.bottom {
	
}
</style>
